body.witle{
  .ivu-layout{
    // background: #fff;
    height: 100% !important;
  }
.layout{
  // border: 1px solid #d7dde4;
  // background: #fff;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
  // color: #f5f7f9;
}
.i-layout-header-right{
  color: #f5f7f9 !important;
}
.i-layout-tabs-main{
  margin: -24px 23px 0 23px !important;
}
.i-layout-content-main{
  margin: 35px 0 0 0 !important;
  }
.ivu-layout-content{
// min-height: 850px;

}

.navstyle{
width: 80px;
text-align: center;
padding: 20px;
cursor: pointer;
}
.layoutColor{
width: 40px;
height: 40px;
background: #fff;
border-radius:50%;
margin-left: 10px;
border: 1px solid #ccc;
}
.navstyle i{
font-size: 24px;
}
.layout-logo{
  /* width: 100px; */
  height: 30px;
  font-size: 20px;
  color: #fff;
  /* background: #5b6270; */
  border-radius: 3px;
  float: left;
  position: relative;
  top: 0 ;
  left: 0;
}
.layout-nav{
  width: 420px;
  margin: 0 auto;
  margin-right: 20px;
}
 //头部样式
.ivu-layout-header{
  background: #151518;
  padding:0 10px 50px;
  }
  .i-layout-header-trigger:hover{
  background: #191a23;
  }
  /deep/.ivu-select-dropdown{
    background-color: #000 !important;
    color: #fff;
  }
  /deep/.ivu-dropdown-item{
    color: #d7d7d7;
  }
  /deep/.ivu-dropdown-item:hover{
    background: #191a23;
  }
//头部样式结束
.munNav{
  background-color: #000;
}
// .ivu-layout.ivu-layout-has-sider{
//   height: calc(100vh - 7.5px);
// }
    .ivu-layout-sider-children{
    // height: calc(100vh - 7.5px);
    background: #151518 !important;
    }
    .ivu-layout-sider-children div{
    height: 100% ;
    }
  .ivu-menu-light{
    background: #151518 !important;
    width: 80px !important;
    }
    .ivu-menu-light  a{
      color: #98989e;
    }
    .ivu-menu-item-active{
      background: #151518 !important;
    }
    .i-layout-menu-head-title-icon i{
      font-size: 20px;
    }
.e_tab ul li{ display:block;margin: 0 0 1px 0; width:100%;background-color: #e8eaec; text-align: center;  cursor: pointer;}
.typeSelect{background-color: #e8eaec;}
.ping .type{
  border-bottom: 1px solid #dcdee2;
}
.ping .modaltype{
  border-left: 1px solid #dcdee2;
}
.active{
  background-color: #fff !important;
  color: #000;
}
.i-layout-menu-head .ivu-menu-item-active{
    background: #555 !important;
    color: #d7d7d7 !important;
  }
.hq-layout-menu-head-menu-side  .ivu-menu-item-active{
  background: #000 !important;
}
  .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after{
    content: '';
    width: 0 !important;
  }
  .ivu-menu-vertical.ivu-menu-light:after{
    content: '';
    width: 0 !important;
  }
  .i-layout-menu-head .ivu-menu{
    background: #151518 !important;
  }
// sidfer侧边样式 //
.ivu-menu-vertical .ivu-menu-item:hover{
  background: #555  !important;
  color: #d7d7d7  !important;
}
.i-layout-menu-side{
  .ivu-menu-item-active{
    background: #151518 !important;
    color: #2d8cf0 !important;
  }
  .ivu-menu{
    background: #2d2d2d !important;
    .ivu-menu-item-active{
      background: #151518 !important;
      color: #2d8cf0 !important;
    }
    .ivu-menu-item-active:hover{
      background: #151518 !important;
    }
  }
}
.ivu-menu-submenu-title{
  background: #2d2d2d !important;
}
.ivu-menu-dark{
  background: #2d2d2d !important;
}
.hq-layout-menu-head-menu-side .ivu-menu{
  background: #2d2d2d !important;
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
    color: #fff;
    background: #000 !important;
}
//素材库
.realdel{
  color:#A30014 !important;
}
.realdel:hover{
  border: 1px solid #A30014  !important;
}
.i-icon-menu-unfold{
  color: #fff;
}
.i-icon-menu-fold{
  color: #fff;
}
//ckedtior设置
.ck-word-count{
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #dcdee2;
  border-top:none;
  border-radius:4px
  // border-color: #3d3d41;
}
.ck-word-count__characters{
  padding:5px;
}
.ck-word-count__words{
   padding: 5px;
}
   //富文本素材库
.tagstyle:hover{
  background: #ccc;
}
.primary{
  background: #fff;
  font-size: #000;
}
.default{
  background: #e8eaec;
 }
 .tagstyle{
  padding: 10px 20px;
  cursor: pointer;
  border-left: 1px solid #e8eaec;
  border-bottom: 1px solid #e8eaec;
  border-right: 1px solid #e8eaec;
}
//文章栏目列表
.rowgutter{
  border-top: 1px solid #dcdee2;
}

.rowleft{
  // padding: 15px;
  .rowleft_style{
    padding:10px ;
    border-bottom: 1px solid #dcdee2;
  }
}
.rowright{
  border-left: 1px solid #dcdee2;
  // padding:15px 0;
  .rowlow{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dcdee2;
    padding:10px ;
  }
  .rowlow_style{
    line-height: 31px;
    font-size: 16px;
  }
  .rowright_card{
    padding: 10px;
    height: 655px;

  }
   .formstyle{
    height: 590px;
    overflow:auto;
    }
    .bgcolor{
      background: #eee;
      padding: 5px;
    }
    .outline{
      font-size:30px;
      line-height:36px;
      cursor: pointer;
    }
    .outline:hover{
      color: #2d8cf0;
    }
    .outline:active{
       color: #2d8cf0;
    }
    .ispart{
      .ivu-radio-wrapper{
            display: block;
      }
    }
}
  //公众号草稿箱
  .drafts{
    border-bottom: 1px solid #dcdee2;
    padding-bottom: 15px;
}
.card{
    border: 1px solid #dcdee2;
    box-shadow: 0 1px 6px #dcdee2;
}
.cardhead{
    border-bottom: 1px solid #dcdee2;
}
    //新建草稿箱
    .listcard{
        background:#eee;
    }
    .listbox{
        border: 1px solid #dcdee2;
        background: #fff;
    }
    .appmsg{
        background: #eee;
    }
    .listadd{
        border: 1px dashed #dcdee2;
    }
    .card_container{
        background: #fff;
    
    }
    .card_appmsg_thumb{
        background: #eee;
    }
    .card_appmsg_modal{
        background: #000;
        color: #fff;
      
    }
    //自定义菜单
    .menu__preview{
        background-color: #eee;
    }
    .menu__preview-bd{
        background-color: #eee;
    
    }
    
    .menu__preview-bottom{
        box-shadow: inset 0 0.5px 0 #eee;
        border-top:1px solid #ccc;
  
    }
    .menu__preview .menu__preview-line {
        background: #ccc;
    }
    .pre_menu_item a{
        color: #616161;
    
    }
    .menu__preview .menu__sub-menu-box {
        background-color: #fff;
        border: 1px solid #e3e4e5;
        border-top: 0 solid #e3e4e5;
    }
    .sub_pre_menu_inner {
        border-top: 1px solid #e7e7eb;
    }
    .sub_pre_menu_box .arrow_out {
        border-top-color: #d0d0d0;
    }
    .sub_pre_menu_box .arrow_in {
        border-top-color: #fafafa;
        border-top-color: #fff;
    }
    .pre_menu{
        background: #999;
        color: #fff;
    }
    .menu-icon{
        background: #fff;
        color: #616161;
    }
    .rightbox{
        border:1px solid #c5c8ce;
    
    }
    .rightcontent{
        border-bottom: 1px solid #c5c8ce;
    }
    .selectionbox{
        border:1px solid #c5c8ce;
     
    }
    .selectionbox-name{
        border: 1px solid #c5c8ce;
    
    }
    //自定义图片弹框
    .groupsbox{
        border-right:1px solid #c5c8ce;
    }
    .groupActive{
        background: #f6f7f8;
    }
    .videocont{
        box-shadow: 0 1px 6px #ccc;
    }
    .scrollbox-audio{
        border:1px solid #c5c8ce;
    }
    .scrollbox-video{
        border:1px solid #c5c8ce;
    }
    .videotime{
        color:#fff
    }
}

